<template>
  <view class="car-info-contents">
    <ve-cell label="车架号">{{ record.vin || '-' }} </ve-cell>
    <ve-cell label="车型">{{ record.modelName || '-' }} </ve-cell>
    <ve-cell label="车辆当前归属门店">{{ (pageType == 'add' ? record.siteName : record.carSiteName) || '-' }} </ve-cell>
    <ve-cell label="归属车场">{{ record.libraryName || '-' }} </ve-cell>
  </view>
</template>
<script>
export default {
  props: {
    record: {
      type: Object,
      // eslint-disable-next-line vue/require-valid-default-prop
      default: () => {},
    },
    pageType:{
      type: String,
      default: ''
    }
  },
}
</script>
<style lang="scss" scoped>
.car-info-contents {
  background: #f7f8fa;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  opacity: 1;
  box-sizing: border-box;
  padding: 1rpx 24rpx;
}
:deep(.ve-cell-title) {
  width: 240rpx;
  max-width: 240rpx;
}
</style>
